<?php 
session_start(); 
?>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script type="text/javascript" src="dist/js/jquery-1.11.1.min.js" ></script>
		<link rel="stylesheet" href="dist/css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/bootstrap.css" />
		<link rel="stylesheet" href="css/font-awesome.min.css" />
		<script type="text/javascript" src="dist/js/bootstrap.min.js" ></script>
		<link rel="stylesheet" href="css/jumbotron.css" />
		<link rel="stylesheet" href="css/hometouch.css" />
		<link rel="stylesheet" href="css/public_nav.css" />
		<script type="text/javascript" src="js/jquery-1.11.1.min.js" ></script>
		<script src="js/chartjs/Chart.js"></script>
		<title>我的健康状况</title>
	</head>
		<!--
			导航栏开始
		-->
      <div class="nav">
      	<div class="logo">
      		<div class="welcome-word"><p><?php echo $user;?>您好</p></div>
      		<img src="img/log.png" style="margin:0px;height:70px; position: relative;top: 20px;left:40px;"/>
      	</div>
      	<div class="navbar">
      		<ul>
      			<li onclick="location.href='index.php'"><i class="fa fa-plus"></i>主页面</li>
      			<li onclick="location.href='myhealth.php'"><i class="fa fa-plus"></i>我的健康</li>
      			<li onclick="location.href='dream.php'"><i class="fa fa-plus"></i>梦的解析</li>
      			<li onclick="location.href='question.php'"><i class="fa fa-plus"></i>问题咨询</li>
      			<li onclick="location.href='index.php'"><i class="fa fa-plus"></i>新闻资讯</li>
      			<li onclick="location.href='index.php'"><i class="fa fa-plus"></i>关于我们</li>
      		</ul>
      	</div>
      	<div class="tel">
      		<i class="fa fa-2x fa-phone" style="color: #13a8be;line-height: 106px;float: left;"></i>
      		<a style="float: right;font-size: 16px;line-height: 106px;margin:0px;" href="zhuce.html">登陆/注册</a>
      		<p style="float: right;font-size: 19px;line-height: 106px;margin: 0px;margin-right:10px;">13543223662</p>
      	</div>
      </div>
      <!--
      	导航栏结束
      -->
	<body>		
		<!--<div class="jumbotron">
			<div class="container">
				<h2 style="font-size: 40px;">欢迎查看您的健康状况分析</h2>
				<p style="font-size: 20px;">通过采集您的身高、体重、运动量、心率以及血压等数据，全方位为您分析身体健康状况，并提供适当的建议供您采纳</p>
				<br />
				<p><a class="btn btn-primary btn-lg" href="#" role="button">了解更多</a></p>
			</div>
		</div>-->
		<div class="container"  style="background-image: url(img/p4.png); width: 100%;">
			<h2 style="font-size: 40px;margin-top: 50px; margin-left: 50px;">欢迎查看您的健康状况分析</h2>
			<p style="font-size: 20px; margin-left: 50px;">通过采集您的身高、体重、运动量、心率以及血压等数据，全方位为您分析身体健康状况，并提供适当的建议供您采纳</p>
			<br />
			<p><a class="btn btn-primary btn-lg" href="#" role="button" style="margin-left: 50px;opacity: 0.5;">了解更多</a></p>
		</div>
		
		<!--
        	作者：offline
        	时间：2016-10-29
        	描述：血压、心率、运动状况
        -->
        
        <!--
        	作者：offline
        	时间：2016-10-29
        	描述：
        	=======================BEGIN=============血压、心率、运动状况、健身记录、营养摄入、睡眠状况=================================
        -->
        <div style="background-image: url(img/p.png);">
        	<!--<div class="container" >
			<h2 style="font-size: 40px;margin-top: 50px; margin-left: 50px;">欢迎查看您的健康状况分析</h2>
			<p style="font-size: 20px; margin-left: 50px;">通过采集您的身高、体重、运动量、心率以及血压等数据，全方位为您分析身体健康状况，并提供适当的建议供您采纳</p>
			<br />
			<p><a class="btn btn-primary btn-lg" href="#" role="button" style="margin-left: 50px;">了解更多</a></p>
		</div>-->
        	
        	
        	
		<div class="container">
			<div class="ht-wrapper -wrapper-negative row" style="opacity: 0.5;">
				<div class="col-md-4" >
					<div class="ht-box -box-intro clearfix">
						<div class="content">
							<h2><img src="img/血压.png" style="width: 50px; height: 50px;">血压</h2>
							<p>血压的高低不仅与心脏功能、血管阻力和血容量密切相关，而且还受到神经、体液等因素的影响，年龄、季节、气候和职业的不同，血压值也会有所不同，运动、吃饭、情绪变化、大便等均会导致血压的升高，而休息、睡眠则会使血压下降。现代人应该具有积极治疗和预防的意识。如果属于高血压患者，针对高血压的症状，患者要遵照医生的要求，进行治疗。如果不是高血压患者，也应该养成预防的意识，通过科学的数据、经常性血压值的测量，及早发现高血压、及早治疗，及时了解自己血压正常值。</p>
							<!--<p><a class="btn btn-default" >详细信息</a></p>-->
							<!--<button type="butto" class="btn btn-default" title="Popover title" >Popover on top</button>-->
							<div type="button" class="btn btn-lg btn-danger"  onmouseover="mOver1(this)" onmouseout="mOut1(this)">详细信息</div>
							<script>
								function mOver1(obj){
									obj.innerHTML="您的血压值为：110mm Hg"

								}
								
								function mOut1(obj){
									obj.innerHTML="详细信息"
								}
							</script>
						</div>
					</div>	
				</div>
				
				<div class="col-md-4">
					<div class="ht-box -box-intro clearfix">
						<div class="content">
							<h2><img src="img/心率.png" style="width: 50px; height: 50px;">心率</h2>
							<p>心率是指正常人安静状态下每分钟心跳的次数，也叫安静心率，一般为60～100次/分，可因年龄、性别或其他生理因素产生个体差异。一般来说，年龄越小，心率越快，老年人心跳比年轻人慢，女性的心率比同龄男性快，这些都是正常的生理现象。安静状态下，成人正常心率为60～100次/分钟，理想心率应为55～70次/分钟（运动员的心率较普通成人偏慢，一般为50次/分钟左右）。</p>
							<br />
							<br />
							<br />
							<div type="button" class="btn btn-lg btn-danger"  onmouseover="mOver2(this)" onmouseout="mOut2(this)">详细信息</div>
							<script>
								function mOver2(obj){
									obj.innerHTML="您的心率为：75 次/分"

								}
								
								function mOut2(obj){
									obj.innerHTML="详细信息"
								}
							</script>
						</div>
					</div>	
				</div>
				
				<div class="col-md-4">
					<div class="ht-box -box-intro clearfix">
						<div class="content">
							<h2><img src="img/步数.png" style="width: 50px; height: 50px;">运动步数</h2>
							<br />
							<br /><br />
							<p>每天记录下运动步数，鼓励自己不断运动</p>
							<br /><br /><br /><br /><br />
							
							
							<br />
							<br />
							<br />
							<div type="button" class="btn btn-lg btn-danger"  onmouseover="mOver3(this)" onmouseout="mOut3(this)">详细信息</div>
							<script>
								function mOver3(obj){
									obj.innerHTML="您的运动步数为：11463 步"

								}
								
								function mOut3(obj){
									obj.innerHTML="详细信息"
								}
							</script>
						</div>
					</div>	
				</div>
				
			</div>
		</div>
		
		
		<!--
        	作者：offline
        	时间：2016-10-29
        	描述：健康记录、营养摄入、睡眠状况
        -->
        <div class="container">
			<div class="ht-wrapper -wrapper-negative row" style="opacity: 0.5;">
				<div class="col-md-4">
					<div class="ht-box -box-intro clearfix">
						<div class="content">
							<h2><img src="img/卡路里.png" style="width: 50px; height: 50px;">消耗能量</h2>
							<br />
							<p>维持基础代谢所需的能量</p>
							<p>从事活动包括日常生活学习、体育锻炼和劳动所消耗的能量</p>
							<p>食物特殊动力作用所消耗的能量</p>
							<br /><br /><br /><br />
							<div type="button" class="btn btn-lg btn-danger"  onmouseover="mOver4(this)" onmouseout="mOut4(this)">详细信息</div>
							<script>
								function mOver4(obj){
									obj.innerHTML="您的能量消耗为： 220.9 大卡"

								}
								
								function mOut4(obj){
									obj.innerHTML="详细信息"
								}
							</script>
						</div>
					</div>	
				</div>
				
				<div class="col-md-4">
					<div class="ht-box -box-intro clearfix">
						<div class="content">
							<h2><img src="img/健身记录.png" style="width: 50px; height: 50px;">体重</h2>
							<br />
							<p>由于人的体重与许多因素有关，不同人体之间有差异，一天不同的时间内也会有一定变化，加之所处地理位置、季节、气候、自身情况的不同。一般在标准体重±10%以内的范围。超过这一范围，就称之为异常体重。</p>
							<br /><br /><br /><br />
							<div type="button" class="btn btn-lg btn-danger"  onmouseover="mOver5(this)" onmouseout="mOut5(this)">详细信息</div>
							<script>
								function mOver5(obj){
									obj.innerHTML="您的体重值为：120 kg"

								}
								
								function mOut5(obj){
									obj.innerHTML="详细信息"
								}
							</script>
						</div>
					</div>	
				</div>
				
				<div class="col-md-4">
					<div class="ht-box -box-intro clearfix">
						<div class="content">
							<h2><img src="img/睡眠.png" style="width: 50px; height: 50px;">睡眠状况</h2>
							<br />
							<p>人在睡眠时表现出来的形态，与清醒状态相对。人睡觉有四个阶段的，分别是：入睡、浅睡、深睡、延续深睡，每一周期的睡眠过程也可由浅至深分为四个睡眠阶段。</p>
							<br /><br /><br /><br /><br />
							<div type="button" class="btn btn-lg btn-danger"  onmouseover="mOver6(this)" onmouseout="mOut6(this)">详细信息</div>
							<script>
								function mOver6(obj){
									obj.innerHTML="您平均睡觉时长为：8 h"
									

								}
								
								function mOut6(obj){
									obj.innerHTML="详细信息"
								}
							</script>
						</div>
					</div>	
				</div>
				
			</div>
		</div>
		</div><!-- end_添加背景图片-->
		<!--
        	作者：offline
        	时间：2016-10-29
        	描述：
        	====================================血压、心率、运动状况、健身记录、营养摄入、睡眠状况=================================
       -->
		
		<!--<div class="jumbotron">
			<div class="container">
				<h2 style="font-size: 40px;">我的健康状况总体分析</h2>
			</div>	
			
		</div>-->
		
		<section class="image-bg overlay parallax pt180 pb180 pt-xs-80 pb-xs-80">
			
			<div class="background-image-holder" >
				<img alt="image" class="background-image" src="img/healthy.jpg" style="width:100%;"/>
			</div>
			<div class="container">
				<div class="row">
					<div class="col-md-12 text-center" style="position: relative;left:=-650px;top:-750px; ">
						<h2 class="bold">您的健康状况总体分析</h2>
						<p class="lead mb48 mb-xs-32">根据您上述所得到的各项指标，您的总体健康状况分析如下</p>
					</div>
				</div>
			</div>
			
			<!--
            	作者：offline
            	时间：2016-10-29
            	描述：总体健康状况的分析图
            -->
			<canvas id="canvas" height="650" width="650" style="position:relative;top:-750px;margin-left: 200px;"></canvas>
			<script>

				var radarChartData = {
					labels : ["血压","心率","运动步数","健身记录","营养摄入","睡眠状况"],
					datasets : [
					{
						fillColor : "rgba(220,220,220,0.5)",
						strokeColor : "rgba(220,220,220,1)",
						pointColor : "rgba(220,220,220,1)",
						pointStrokeColor : "#fff",
						data : [65,59,90,81,56,55]
					},
					{
						fillColor : "rgba(151,187,205,0.5)",
						strokeColor : "rgba(151,187,205,1)",
						pointColor : "rgba(151,187,205,1)",
						pointStrokeColor : "#fff",
						data : [28,48,40,19,96,27]
					}
					]
			
				}

				var myRadar = new Chart(document.getElementById("canvas").getContext("2d")).Radar(radarChartData,{scaleShowLabels : false, pointLabelFontSize : 10});
	
			</script>
			
			<div class="container">
				<div class="row">
					<div class="col-md-12 text-right" style="position: relative;top: -1400px;">
						<p style="font-size: 35px; margin-left: 600px;margin-top: 200px;">您的血压正常，心率正常。标准体重。睡眠状况好。运动量达到。<br>请继续坚持锻炼哦。</p>
					</div>
				</div>
			</div>
			
		</section>
		
		<div>
			<hr />
			<footer>
				<p>&copy; Company 2016</p>
			</footer>
		</div>
		
	</body>
</html>
